.leader-home {
  padding: 10px;
  box-sizing: border-box;
  width: 1350px;
  margin: auto;
  .top-div {
    height: 468px;
    border: 1px solid #ccc;
  };
  .right-div {
    width: 320px;
    padding: 10px;
    float: left;
    .enter-sys {
      color:white;
      text-align: center;
      cursor: pointer;
      background: #008bdd;
      i {
        display: inline-block;
        font-size: 40px;
        line-height: 100px;
        vertical-align: middle;
        padding-right: 20px;
        vertical-align: middle;
      };
      span {
        line-height: 100px;
        display: inline-block;
      };
    };
    .content {
      height: 327px;
      margin-top: 20px;
      background-color: #d9eefa;
      .content-detail {
        padding: 20px;
        padding-left: 95px;
        position: relative;
        min-height: 100px;
        box-sizing: border-box;
      };
      .line {
        border-top:1px dashed #008bdd;
        margin: 0 20px;
      };
      .info1 {
        line-height:60px;
        line-height: 60px;
        display: inline-block;
        width: 60px;
        border-radius: 60px;
        background: #ff6600;
        text-align: center;
        color: white;
        position: absolute;
        left: 25px;
      };
      .info2 {
        line-height: 30px;
        display: inline-block;
        color: #ff6600;
        vertical-align: middle;
        .l-h-20 {
          line-height: 20px;
          padding-top: 10px;
        }
      };
      .col-16 {
        width: 16.6%;
        min-height: 40px;
        display: inline-block;
        vertical-align: middle;
        float: left;
        text-align: center;
        img {
          vertical-align: middle;
          height: 40px;
        }
      };
      .line-height-40 {
        line-height: 40px;
        font-size: 24px;
      };
      .title {
        padding: 0 5px;
        box-sizing: border-box;
      };
    };
    .check-detail-btn {
      line-height: 45px;
      font-size:16px;
      text-align:center;
      color:#008bdd;
      cursor: pointer;
    }
  };
  .bottom-div {
    min-height: 240px;
    width: 100%;
    padding:10px 0;
    .col-33 {
      width: 33.3%;
      float: left;
      min-height: 55px;
      text-align: center;
      img {
        vertical-align: middle;
      }
    };
    .col-20 {
      display: inline-block;
      box-sizing: border-box;
      width: 20%;
      min-height: 220px;
      float: left;
      .content {
        text-align: center;
        border: 1px solid #ccc;
        min-height: 220px;
        box-sizing: border-box;
      };
      &.p-r-6 {
        padding-right: 6px;
      };
      &.p-6 {
        padding: 0 6px;
      };
      &.p-l-6 {
        padding-left: 6px;
      };
      .m-w-80 {
        min-width: 80px;
        display: inline-block;
        text-align: center;
      }
    };
    .point {
      display: inline-block;
      width: 6px;
      height: 6px;
      border-radius: 6px;
      background: #008bdd;
      vertical-align: middle;
    };
    .l-h-40 {
      line-height: 40px;
    };
    .l-h-50 {
      line-height: 50px;
    };
    .l-h-60 {
      line-height: 55px;
    };
  };
  .v-a-m {
    vertical-align: middle;
  };
  .text-center {
    text-align: center;
  };
  .main-color {
    color: #008bdd;
  };
  .img_bg1 {
      background: url('../../assets/images/leaderHome/safety.png') no-repeat;
  };
  .img_bg2 {
      background: url('../../assets/images/leaderHome/self_check.png') no-repeat;
  };
  .img_bg3 {
      background: url('../../assets/images/leaderHome/todos.png') no-repeat;
  };
  .img_bg4 {
      background: url('../../assets/images/leaderHome/over_due.png') no-repeat;
  };
}